<?php 
	$server_url = $data['server_url'];
 ?>
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>准备中</title>
	<link rel="stylesheet" href="/css/common/base.css" />
	<link rel="stylesheet" href="/css/plugins/swiper.min.css" />
	<link rel="stylesheet" href="/css/pc/common.css" />
	<link rel="stylesheet" href="/css/pc/ready.css" />
</head>
<body>
<audio id="aud"></audio>
<audio id="audA" loop="loop"></audio>
<!-- ready and game page -->
<div class="containter" id="containter">
	<div class="rule-tips" id="rule-tips">
		<span>
			为保证比赛的公平性，若两队人数不相等就开始游戏，则多余的后加入队员将不能参与游戏。
		</span>
	</div>
	<section class="section section1 " id="section1">
		<h2 class="tit bgpart2">拔河比赛</h2>
		<div class="left modA bgpart1">
			<div class="team">
				<div class="teamImg-group">
					<div class="border-modA">
						<img src="" class="team-img responseImg" alt="" title="" />
					</div>
					<span class="arrow arrow-t"></span>
					<span class="arrow arrow-r"></span>
					<span class="arrow arrow-b"></span>
					<span class="arrow arrow-l"></span>
				</div>
				<div class="fire"></div>
				<div class="team-name textset"></div>
				<div class="man-num">0</div>
				<div class="full none">已满员</div>
			</div>
		</div>
		<div class="right modA bgpart1">
			<div class="team blue">
				<div class="teamImg-group">
					<div class="border-modA">
						<img src="" class="team-img responseImg" alt="" title="" />
					</div>
					<span class="arrow arrow-t"></span>
					<span class="arrow arrow-r"></span>
					<span class="arrow arrow-b"></span>
					<span class="arrow arrow-l"></span>
				</div>
				<div class="fire"></div>
				<div class="team-name textset"></div>
				<div class="man-num">0</div>
				<div class="full none">已满员</div>
			</div>
		</div>
		<div class="v bgpart1"></div>
		<div class="s bgpart1"></div>
		<div class="roundDiv"  id="j_roundDiv">
			<span class="round"></span>
			<!--<span class="numb numb1"></span>-->
		</div>
	</section>
	<section class="section section2 none" id="section2">
		<h2 class="tit bgpart2">拔河比赛</h2>
		<div class="lamp bgpart2"></div>
		<div class="nav">
			<div class="fl nav-l">
				<div class="team-name bgpart2 team-name-l">
					<p class="textset"></p>
				</div>
				<div class="teamImg-group">
					<div class="border-modA">
						<img src="" class="team-img responseImg" alt="">
					</div>
					<span class="arrow arrow-t"></span>
					<span class="arrow arrow-r"></span>
					<span class="arrow arrow-b"></span>
					<span class="arrow arrow-l"></span>
				</div>
				<div class="power power-l">
					<div class="icon bgpart2 disib fl"></div>
					<div class="power-num disib fr" id="power-num-l"></div>
				</div>
			</div>
			<div class="fr nav-r blue">
				<div class="team-name bgpart2 team-name-r">
					<p class="textset"></p>
				</div>
				<div class="teamImg-group">
					<div class="border-modA">
						<img src="" class="team-img responseImg" alt="">
					</div>
					<span class="arrow arrow-t"></span>
					<span class="arrow arrow-r"></span>
					<span class="arrow arrow-b"></span>
					<span class="arrow arrow-l"></span>
				</div>
				<div class="power power-r">
					<div class="power-num disib fl" id="power-num-r"></div>
					<div class="icon bgpart2 disib fr"></div>
				</div>
			</div>
		</div>
		<div class="arena bgpart2">
			<div class="arena-man bgpart2" id="arena-man"></div>
		</div>
		<div class="sofa bgpart2 sofa-red" id="sofa-red">
			<div class="slider-wrap swiper-container" id="sofa-L-container">
				<ul class="clearfix swiper-wrapper">
					<!-- 每组10个 -->
				</ul>
				<div class="swiper-pagination swiper-pagination-L"></div>
			</div>
			<div class="power power-l">
				<div class="icon bgpart2 disib fl"></div>
				<div class="man-num disib fr"></div>
			</div>
		</div>
		<div class="sofa bgpart2 sofa-blue" id="sofa-blue">
			<div class="slider-wrap swiper-container" id="sofa-R-container">
				<ul class="clearfix swiper-wrapper">
					<!-- 每组10个 -->
				</ul>
				<div class="swiper-pagination swiper-pagination-R"></div>
			</div>
			<div class="power power-l">
				<div class="icon bgpart2 disib fl"></div>
				<div class="man-num disib fr"></div>
			</div>
		</div>
		<div class="clock bgpart2">
			<p id="countdown"></p>
			<span>s</span>
		</div>
	</section>
</div>
<div class="ready game-tips bgpart2 default-ready" id="ready"></div>
<div class="go game-tips bgpart2 default-go" id="go"></div>

<!-- tansition page -->
<div class="transition-wrap">
	<div class="transition-page" id="transition-page">
		<div class="clock bgpart2"></div>
		<div class="tips-txt bgpart2"></div>
		<div class="transition-gif bgpart2"></div>
	</div>
</div>

<!-- result  page -->
<script src="/js/common/jquery-1.12.0.min.js"></script>
<script src="/js/plugins/swiper.min.js"></script>
<script src="/js/meetControl.js"></script>
<script src="/js/pc/gameReady.js"></script>
<script>
	$(function() {
		var obj = new gameReady();
			obj.init();
			item_action=$.extend(item_action,{
			    play: function(key){
			        switch (parseInt(key)) {
			            case 1:
			                obj._gameStart(1);
			                break;
			        }
			    }
			});
	});
</script>
</body>
</html>